<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
        <title>Zoom Line Chart</title>
        <link href="assets/ui/css/style.css" rel="stylesheet" type="text/css" />
        <link href="assets/prettify/prettify.css" rel="stylesheet" type="text/css" />
        <script language="JavaScript" src="Charts/FusionCharts.js"></script>
        <script type="text/javascript" src="assets/ui/js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript" src="assets/prettify/prettify.js"></script>
        <script type="text/javascript" src="assets/ui/js/json2.js"></script>
         <script type="text/javascript" src="assets/ui/js/lib.js" ></script>
<!--[if IE 6]>
        <script type="text/javascript" src="assets/ui/js/DD_belatedPNG_0.0.8a-min.js"></script>
        <script>
          /* select the element name, css selector, background etc */
          DD_belatedPNG.fix('img');

          /* string argument can be any CSS selector */
        </script>
		  <p>&nbsp;</p>
		  <P align="center"></P>
        <![endif]-->
		<SCRIPT LANGUAGE="JavaScript">
		  <!--
			 function fillev(val){
			   document.getElementById('ev').value = val
			 }
			 function myJS(myVar){
				window.alert(myVar);
			 }
			  //-->
		</SCRIPT>
    </head>   

<body>

<h3 class="chart-title">Zoom Line Chart</h3>
        <p>&nbsp;</p>
        <div id="chartdiv" align="center">Chart will load here</div>
        <script type="text/javascript">
            FusionCharts.setCurrentRenderer(GALLERY_RENDERER);
            var chart = new FusionCharts("Charts/ZoomLine.swf", "ChartId", "560", "400", "0", "1");
		   chart.setXMLUrl("Zoomline.xml");		   
		   chart.render("chartdiv");
		</script>
		  <p>&nbsp;</p>
		  <P align="center">Interactive zoom, scroll and pin chart that can handle massive datasets. Zoom into the chart by selecting and subset of points or use the pin mode to compare different subsets.</P> 
 <br/> 
<div class="qua-button-holder"></div>
       
        <div class="show-code-block"></div>
     </body>
 </html>